import React, { Component } from 'react'
import {View,Text,StatusBar} from 'react-native'
import {ImageHeaderScrollView} from 'react-native-image-header-scroll-view';
import { pxToDp } from '../../../utils/stylesKits';
import FriendHead from '../components/FriendHead'
import Visitors from '../components/Visitors'
import PrefectGril from '../components/PrefectGril'
export default class Home extends Component {
    render() {
        return (
            <ImageHeaderScrollView
                maxHeight={pxToDp(130)}
                minHeight={pxToDp(44)}
                headerImage={require("../../../soures/headfriend.png")}
                renderForeground={() => (
                    <View style={{ height: pxToDp(130), justifyContent: "center", alignItems: "center" }} >
                        {/* 手机状态栏 开始 */}
                        <StatusBar backgroundColor='transparent' translucent={true}/>
                        {/* 手机状态栏 结束 */}
                        <FriendHead/>
                    </View>
                )}
            >
                <View style={{ height: 1000 }}>
                    <Visitors/>
                    <PrefectGril/>
                </View>
            </ImageHeaderScrollView>
            
        )
    }
}
